Learn from Figma - Prototype interactions and feedback 向 Figma 學習：原型互動與反饋設計

開始製作原型

• 複製設計頁面。

• 切換到右側的“Prototype”模式。

• 從圖示開始，拖拽連線箭頭到目標頁面，建立互動路徑。

初步連線

• 選單圖示連線到選單頁。

• 選單頁的“Home”文字連線回主頁。

測試原型

• 點選右上角“Present”，檢視效果。

• 只有有互動連線的頁面會在展示中出現。

最佳化互動

• 在互動選單中設定觸發方式（點選、懸停等）、動作型別、動畫效果。

• 為更好的導航體驗，可使用“move in”、“overlay”或“smart animate”使選單滑入。

• 設定動畫方向、持續時間和緩動（easing）來提升流暢度。

• 返回動畫用“move out”。

為其他頁面新增互動

• 從搜尋頁、資料頁接入選單。

• 使用“push”動畫在頁面之間橫向切換。

• 設定搜尋頁的“取消”返回主頁。

分享原型並收集反饋

• 設定連結許可權為“任何擁有連結的人可檢視”，並分享連結。

• 可點選頭像進入觀察模式，進行可用性測試。

• 使用評論工具收集反饋。

根據反饋最佳化設計

• 加入“點贊、評論、收藏”圖示，增強帖子互動。

• 在選單頁新增“返回”按鈕，使用“Back”動作直接返回上一頁。